/*rotate 360deg*/
@-webkit-keyframes rotate-circle {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate-circle {
	to {
		transform: rotate(360deg);
	}
}

/*................*/
@-webkit-keyframes logoAnim {
	0%,20% { -webkit-transform: translateY(-300px) rotate(0); }
	60% { -webkit-transform: translateY(300px) rotate(360deg); }
	65%, 80% { -webkit-transform: translateY(0); }
	100% { -webkit-transform: rotateY(360deg); }
}
@keyframes logoAnim {
	0%,20% { transform: translateY(-300px) rotate(0); }
	60% { transform: translateY(300px) rotate(360deg); }
	65%, 80% { transform: translateY(0); }
	100% { transform: rotateY(360deg); }
}

/*................*/
@-webkit-keyframes showHidden {
	form {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	to {
		opacity: 1;
		filter: alpha(opacity=1);
	}
}
@keyframes showHidden {
	form {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	to {
		opacity: 1;
		filter: alpha(opacity=1);
	}
}

/*........................*/
@-webkit-keyframes sloganAnim {
	0% { -webkit-transform: translateY(100px); }
	100% { -webkit-transform: translateY(0); }
}
@keyframes sloganAnim {
	0% { transform: translateY(100px); }
	100% { transform: translateY(0); }
}

/* come back 0*/
@-webkit-keyframes comeBack {
	0%, 80% {
		-webkit-transform: translateY(800px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes comeBack {
	0%, 80% {
		transform: translateY(800px);
	}
	100% {
		transform: translateY(0);
	}
}
/*Rotate 360 Deg*/
@keyframes rotate360{
    0%		{transform: rotate3d(0,0,0,0deg) scale(.5);opacity: .12; }
    100%	{transform: rotate3d(0,0,1,180deg); opacity: 1;}
    100%	{transform: rotate3d(0,0,1,360deg) scale(.5);opacity: .12; }
}
@-webkit-keyframes rotate360{
    0%		{-webkit-transform: rotate3d(0,0,0,0deg) scale(.5);opacity: .12;}
    50% 	{-webkit-transform: rotate3d(0,0,1,180deg);opacity: 1;}
    100%	{-webkit-transform: rotate3d(0,0,1,360deg) scale(.5);opacity: .12;}
}
/*End Rotate 360 Deg*/

/*shake*/
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}